import fs from 'fs';
import path from 'path';
import { fileURLToPath } from 'url';
import postcss from 'postcss';

// 获取当前目录路径
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

// 读取Vue文件
const vueFilePath = path.join(__dirname, 'src', 'views', 'AIGeneration.vue');
const vueContent = fs.readFileSync(vueFilePath, 'utf8');

// 提取<style>标签中的CSS内容
const styleMatch = vueContent.match(/<style scoped>([\s\S]*?)<\/style>/);

if (styleMatch && styleMatch[1]) {
  const cssContent = styleMatch[1];
  
  // 保存CSS到临时文件
  const tempCssPath = path.join(__dirname, 'temp.css');
  fs.writeFileSync(tempCssPath, cssContent, 'utf8');
  
  console.log('CSS内容已提取到temp.css文件');
  
  // 使用PostCSS检查语法
  postcss().process(cssContent, { from: tempCssPath })
    .then(result => {
      console.log('CSS语法检查通过！');
    })
    .catch(error => {
      console.error('CSS语法错误：', error);
    });
} else {
  console.error('未能在Vue文件中找到<style scoped>标签');
}